.staff-box{
	height: 100%;
	background: url(../images/u403.jpg) no-repeat;
	background-size: 100% 100%;
	padding: .2rem 0;
	box-sizing: border-box;
	position: relative;
}
.staff-box-cont{
	width: 95%;
	margin: 0 auto;
	background: #FFFFFF;
	height: 100%;
	border-radius:18px ;
	box-sizing: border-box;
	padding: .2rem;
	/*overflow-y: scroll;*/
	position: relative;
	overflow: hidden;
}
::-webkit-scrollbar { display: none; }
.s-b-c-top{
	display: flex;
	border-bottom: 1px solid #333333;
	padding: 0 .2rem .1rem .2rem;
}
.s-b-c-top img{
	width: .33rem;
    height: .3rem;
}
.s-b-c-top p{
	margin-top: .02rem;
	font-weight: bold;
	font-size: .18rem;
	margin-left: .2rem;
}
.s-b-c-top p span{
	margin-left: .1rem;
	font-size: .2rem;
}
.s-b-c-cont{
	margin-top: .25rem;
	box-sizing: border-box;
	padding: 0 .5rem;
}
.cont-staff-search:after{
	clear: both;
	display: block;
	content: "";
}
.search-itme{
	float: left;
	margin-right: .5rem;
}
.search-itme label{
	color: #000000;
	font-weight: bold;
	font-size: .18rem;
}
.search-itme input,select{
    width: 2.36rem;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    border-radius: 20px;
    font-size: .16rem;
    padding: .1rem;
    outline: none;
    font-weight: bold;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000000;
}

.search-itme button{
    width: .88rem;
    cursor: pointer;
    height: .4rem;
    background: inherit;
    background-color: rgba(22, 155, 213, 1);
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: .16rem;
    color: #FFFFFF;
}
.cont-staff-edit{
	display: block;
	margin-top: .1rem;
}
.c-s-e-btn{
    width: 1.05rem;
    height: .4rem;
    background: inherit;
    background-color: rgba(22, 155, 213, 1);
    border: none;
    border-radius: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: .16rem;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
.cont-staff-title{
    width: 100%;
    height: .55rem;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(102, 102, 102, 1);
    border-radius: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000000;
    position: relative;
    margin-top: .2rem;
}
.cont-staff-title p:first-child{
	float: left;
	margin-right: .2rem;
	position: absolute;
	left: .26rem;
    top: 50%;
    transform: translate(0,-50%);
    width: .33rem;
    height: .33rem;
    background: #009DD9;
    border-radius: 50%;
    text-align: center;
    line-height: .33rem;
    color: #FFFFFF;
    font-size: .16rem;
}
.cont-staff-title p:last-child{
	position: absolute;
	left: .66rem;
    top: 50%;
    transform: translate(0,-50%);
    font-size: .18rem;
}
.s-b-c-tabel{
	margin-top: .1rem;
    box-sizing: border-box;
    padding: 0 .5rem;
    box-sizing: border-box;
    max-height: 5.9rem;
    overflow-y: scroll;
}
.s-b-c-tabel table{
	width: 100%;
}
.s-b-c-tabel tr{
	width: 100%;
	border-bottom: 1px solid #333333;
}
.s-b-c-tabel tr:first-child{
	border: 1px solid #333333;
	
}
.s-b-c-tabel tr th{
	text-align: center;
	padding: .15rem 0;
}
.s-b-c-tabel tr td{
	text-align: center;
	padding: .2rem;
	
}

.s-b-c-tabel tr th:first-child{
	text-align: left;
	padding-left: .3rem;
}
.s-b-c-tabel tr td:first-child{
	text-align: left;
	padding-left: .3rem;
}

.tabel-th1{
    width: .33rem;
    height: .33rem;
    background: inherit;
    background-color: rgba(51, 204, 255, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.349019607843137);
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.349019607843137);
    color: #FFFFFF;
    text-align: center;
    line-height: .33rem;
    font-size: .2rem;
}
.tabel-more{
	text-decoration: none;
	color: #169BD5;
}

.tabel-td-check{
	position: relative;
	
}
.tabel-name{
	cursor: pointer;
}
.check-show{
	width: .19rem;
	height: .19rem;
	margin-left: .07rem;
	cursor: pointer;
	margin-right: .1rem;
}

.check-show img{
	width: 100%;
}
.check-input[type=checkbox]{
	visibility: hidden;
	position: absolute;
}
.hide{
	display: none !important; 
}
/*员工信息表*/
.staff-info{
	width: 6.32rem;
    /*height: 6.63rem;*/
    background-color: rgba(242, 242, 242, 1);
    border: none;
    border-radius: 20px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translate(-50%,0);
}
.s-i-pos{
	height: 100%;
	width: 100%;
	position: relative;
	border-radius: 20px;
	display: none;
}
.s-i-p-top{
	margin: 0 .15rem;
	height: .6rem;
	border-bottom: 1px solid #333333;
}
.s-i-p-cont{
	margin: 0 .15rem;
	height: 1rem;
	padding: 0 .15rem;
	border-bottom: 1px solid #333333;
}
.s-b-c-cont-item{
	float: left;
	display: block;
	width: 33.33%;
	margin-top: .2rem;
	font-size: .14rem;
	font-weight: bold;
}
.s-b-c-cont-item span{
	font-weight: 400;
	margin-left: .1rem;
}
.s-i-pos-title{
	position: absolute;
    left: .15rem;
    top: .17rem;
    font-family: 'Arial Negreta', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: .2rem;
}
.s-i-pos-close{
	position: absolute;
    left: 6.03rem;
    top: .07rem;
    width: .2rem;
    height: .2rem;
    cursor: pointer;
}
.s-i-pos-close img{
	width: 100%;
}
.s-i-p-bottom{
	padding: 0 .2rem;
}
.s-i-p-bottom h3{
	font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
    line-height: normal;
    margin-top: .1rem;
}
.s-b-c-bottom-box{
	/*height: 4.49rem;*/
	border-top: 1px solid #000000;
	margin-top: .1rem;
	margin-bottom: .15rem;
}
.s-b-c-bottom-box:after{
	clear: both;
	display: block;
	content: "";
}
.bottom-box-item{
	width: 25%;
	float: left;
}
.bottom-box-item-cont{
	width: 100%;
	display: flex;
}

.b-b-i-span1{
	width: 45%;
	display: block;
	outline: 1px solid #333333;
	margin-top: 1px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.b-b-i-span2{
	width: 55%;
}
.b-b-i-span2 ul li{
	text-align: center;
	font-size: .14rem;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

/*编辑样式*/
.staff-edit-box{
	position: absolute;
	top: 2%;
	left: 50%;
	transform: translate(-50%,-1%);
	height: 98%;
	width: 14.68rem;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    border-radius: 20px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000000;
    display: none;
}
.staff-edit-box h3{
    margin-left: .25rem;
    margin-top: .2rem;
    font-family: 'Arial Negreta', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: .2rem;
    color: #000000;
}
.s-e-b-top{
	padding: .1rem .1rem  .1rem .5rem;
	border-bottom: 1px solid #333333;
}
.s-e-b-top:after{
	clear: both;
	display: block;
	content: "";
}
.s-e-b-top p{
	float: left;
	margin-right: .8rem;
	font-size: .18rem;
	font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: normal;
    color: #000000;
}
.s-e-b-cont{
	position: relative;
}
.s-e-b-cont-qx{
    position: absolute;
	bottom: .1rem;
	right: 1.8rem;
	width: 1.06rem;
    height:.4rem;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: .18rem;
    color: #000000;
}
.s-e-b-cont-btn{
	position: absolute;
	bottom: .1rem;
	right: .5rem;
	width: 1.06rem;
    height:.4rem;
    background: inherit;
    background-color: rgba(0, 204, 255, 1);
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: .18rem;
    color: #FFFFFF;
}
.s-e-b-c-top{
	padding: .1rem .2rem 0 .2rem;
}
.s-e-b-c-top:after{
	clear: both;
	display: block;
	content: "";
}
.s-e-b-c-top-item{
	float: left;
	margin-right: .2rem;
	height: .4rem;
	line-height: .4rem;
	display: flex;
}
.s-e-b-c-top select{
	width: 2.51rem;
    height: .4rem;
    color: #000000;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000000;
}
#pwd{
	width: 2.51rem;
    height: .4rem;
    background: inherit;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000000;
}
#pt_y,#py_n{
	display: inline-block;
	margin-right: .05rem;
	margin-left: .05rem;
	
}
.radio_check2 img{
	display: inline-block;
	position: relative;
	top: .04rem;
	margin-right: .05rem;
	margin-left: .05rem;
}
#pt_y{
	position: absolute;
	opacity: 0;
}
#py_n{
	position: absolute;
	opacity: 0;
}
.s-e-b-c-top-item input{
	font-size: .16rem;
	padding-left: .1rem;
	font-family: "微软雅黑";
}
.radio_check2{
	display: flex;
}
.radio_check2 img{
	width: .19rem;
	cursor: pointer;
}
.radio_check2 label{
	cursor: pointer;
}
.s-e-b-c-cont{
	margin: 0rem .5rem;
	overflow-y: scroll;
	box-sizing: border-box;
	margin-top: .1rem;
	border: 1px solid #333333;
	display: none;
}
.s-e-b-c-title{
	display: none;
}
.s-e-b-c-c-tabel:after{
	clear: both;
	display: block;
	content: "";
}
.edit-tabel-item{
	width: 25%;
	float: left;
}
.e-t-i-box{
	display: flex;
	
}
.edit-tabel-item:after{
	clear: both;
	display: block;
	content: "";
}
.e-t-i-span1{
	text-align: center;
	float: left;
	width: 45%;
	outline: 1px solid #333333;
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.e-t-i-span2{
	float: left;
	width: 55%;
}
.e-t-i-span2 ul li{
	height: .4rem;
    box-sizing: border-box;
    padding-left: .3rem;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    font-size: .16rem;
    position: relative;
    display: flex;
    display: flex;
    align-items: center;
}
.e-t-i-span1 input{
	margin-right: .05rem;
	position: absolute;
	opacity: 0;
}
.e-t-i-span2 ul li input{
	margin-right: .05rem;
	position: absolute;
	opacity: 0;
}
/*layer弹框样式修改*/
.layui-layer-dialog{
	border-radius: 10px !important;
	overflow: hidden;
}
.s-b-c-list{
	position: relative;
	padding-bottom: .8rem;
}
.check-img{
	width: .15rem;
    height: .15rem;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: .05rem;
    position: relative;
    top: .01rem;
    cursor: pointer;
}
.check-img img{
	width: 100%;
}
